<template>
  <el-cascader
    size="small"
    :options="options"
    placeholder="请选择公证业务"
    v-model="operatorVal"
    @change='chooseed'>
  </el-cascader>
</template>

<script lang="ts">
import { defineComponent, reactive } from 'vue';
import { OPERATOR_TYPE } from '@/config'
/**
 * 城市选择组件封装
 * @Author yuanyexu
 * @Date 2021-08-03
 */
export default defineComponent({
  name: 'OperatorType',
  props: [],
  emits: ['selected'],
  setup(props, ctx) {
    let operatorVal = reactive([]);
    const options = reactive(OPERATOR_TYPE);
    const chooseed = (data: any) => {
      ctx.emit('selected', data);
    };
    return {
      options,
      operatorVal,
      chooseed
    };
  },
});
</script>